<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Mis metas Hitos</title>
<meta http-equiv="X-UA-Compatible" content="IE=5">
<link type="text/css" href="css/style.css" rel="stylesheet" />
<!--  Core jQuery  -->
<script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
<!--[if lte IE 8]>
    <script type="text/javascript" src="scripts/excanvas.compiled.js"></script>
<![endif]-->
<!--  jQuery UI-->
<!--  
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
<script src="/scripts/jquery-1.7.2.min.js"></script>
<script src="/scripts/jquery-ui-1.8.21.custom.min.js"></script>
-->
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
  <script src="scripts/real/jquery-1.8.2.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <script src="scripts/ui/bk-jquery.ui.sliderHandler.js"></script>
<style type="text/css">
#handlerSliderHitos{	
	background:url ('css/images/handlerSliderLeft.png') no-repeat;
}

#handlerSlider{
	height:47px;	
	width:118px;
	background:url('css/images/handlerSlider.png') no-repeat;
	padding-top:8px;
	display:table;
}

#handlerSliderText{
	width:75px;
	height:auto;
	text-align:center;
}
#handlerSliderLeft{
	height:24px;	
	width:20px;
	cursor:pointer;
	background:url('css/images/handlerSliderLeft.png') no-repeat;
	display:inline-table;
	float:left;
}
#handlerSliderRight{
	height:24px;	
	width:20px;
	cursor:pointer;
	background:url('css/images/handlerSliderRight.png') no-repeat;
	display:inline-table;
	float:right;
}

</style>
</head>
<body>

	<div id='handler'>
	</div>

<script type="text/javascript">
$(document).ready(function(){
	$("#handler").sliderHandler({text:"Hoy"});
	/*$("#handlerSliderLeft").mouseover(function(){
		$(this).css("cursor","pointer");
	});
	$("#handlerSliderRight").mouseover(function(){
		$(this).css("cursor","pointer");
	});*/
	
//	$("#SliderHitos").append("<div id='handlerSlider'><div id='handlerSliderLeft'></div><div class='texto_h4'>Hoy</div><div id='handlerSliderRight'></div><br style='clear:both;'/></div>");
	
});
</script>
</body>
</html>